<template>
  <!-- 系统参数配置页面 --> 
  <div class="onlineUser-container">
    <el-row class="onlineUserSearch">
      <header
        style="padding:5px;padding-bottom:30px;align-items:center;text-align:center;"
        v-if="!serachMore"
      >
        <el-input
          v-model="searchFF.paramId"
          placeholder="请输入参数编号"
          style="width:300px;"
        ></el-input>
        <el-button type="primary" style="margin:0 20px">查询</el-button>
        <i class="el-icon-arrow-down" @click="serachMore = true" style="cursor:pointer;font-weight:600"></i>
      </header>
      <header style="padding:5px; text-align: center;" v-if="serachMore">
        <el-form inline :model="searchFF">
          <el-form-item label="参数编号：">
            <el-input
              v-model="searchFF.paramId"
              placeholder="请输入参数编号"
              style="width:150px;margin-right:30px"
            ></el-input>
          </el-form-item>
          <el-form-item label="所属模块：">
            <el-input
              v-model="searchFF.moduleCode"
              placeholder="请输入所属模块"
              style="width:150px;margin-right:30px"
            ></el-input>
          </el-form-item>
          <el-form-item label="参数值：">
            <el-input
              v-model="searchFF.paramValue"
              placeholder="请输入参数值"
              style="width:150px;margin-right:30px"
            ></el-input>
          </el-form-item>
        </el-form>
        <div style="text-align:center;padding:10px">
          <el-button type="primary">查询</el-button>
          <el-button
            @click="(searchFF.paramValue = ''), (searchFF.moduleCode = ''), (searchFF.paramId = '')"
            >重置</el-button
          >
          <el-button @click="serachMore = false">收起</el-button>
        </div>
      </header>
    </el-row>
    <el-row>
      <el-table
          ref="multipleTable"
          :data="tableData"
          style="width: 100%"
        >
          <el-table-column
            width="55"
            type="selection"
            fixed="left"
          ></el-table-column>
          <el-table-column
            prop="paramId"
            label="参数编号 "
          >
          </el-table-column>
          <el-table-column
            prop="moduleCode"
            label="所属模块 "
            align="center"
            sortable 
          >
          </el-table-column>
          <el-table-column
            prop="paramValue"
            label="参数值 "
            sortable 
          >
          </el-table-column>

          <el-table-column
            prop="remark"
            label="备注 "
          >
          </el-table-column>
          
        </el-table>
        <el-pagination
          @size-change="sizeChange"
          @current-change="pageChange"
          :current-page="1"
          :page-sizes="[10, 20, 50, 100, 200]"
          :page-size="10"
          layout="sizes, prev,jumper, next, total"
          :total="400"
        ></el-pagination>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      serachMore: false,
      searchFF: {},
      tableData:[{"paramId":"caliber_project_code","moduleCode":"EC","paramValue":"EC_PRD","remark":"EC_PRDgfjagfgfgdgjsgssjsgjsgjsjfghhgjsgjsjdjgsj","creator":null,"createdTm":null,"modifier":"sysadmin","modifiedTm":1589780535075},{"paramId":"sys_dms_uploadfile_path","moduleCode":"DMS","paramValue":"E:/work/file","remark":"数据映射文件上传目录","creator":null,"createdTm":null,"modifier":"sysadmin","modifiedTm":1548231337327},{"paramId":"sys_dms_akkaservice_IP","moduleCode":"DMS","paramValue":"127.0.0.1","remark":"后台service服务IP地址","creator":null,"createdTm":null,"modifier":"sysadmin","modifiedTm":1547021296933},{"paramId":"sys_dms_akkaservice_PORT","moduleCode":"DMS","paramValue":"2552","remark":"后台service服务端口号","creator":null,"createdTm":null,"modifier":null,"modifiedTm":null},{"paramId":"ftp_upload_ftpuser","moduleCode":"DMS","paramValue":"centos","remark":"perl脚本上传服务器用户名","creator":null,"createdTm":null,"modifier":null,"modifiedTm":null},{"paramId":"ftp_upload_path","moduleCode":"DMS","paramValue":"/home/centos/ftp/","remark":"perl脚本上传服务器路径","creator":null,"createdTm":null,"modifier":null,"modifiedTm":null},{"paramId":"ftp_upload_ip","moduleCode":"DMS","paramValue":"1663p1y334.imwork.net","remark":"perl脚本上传服务器ip","creator":null,"createdTm":null,"modifier":null,"modifiedTm":null},{"paramId":"ftp_upload_port","moduleCode":"DMS","paramValue":"60002","remark":"perl脚本上传服务器端口","creator":null,"createdTm":null,"modifier":null,"modifiedTm":null},{"paramId":"sys_dms_check_log_path","moduleCode":"DMS","paramValue":"E:\\log","remark":"批次执行日志路径","creator":null,"createdTm":null,"modifier":"sysadmin","modifiedTm":1585919841199},{"paramId":"sys_dms_dt_name","moduleCode":"DMS","paramValue":"DATA_DT","remark":"数据字段名称","creator":null,"createdTm":null,"modifier":null,"modifiedTm":null}],
    };
  },
  methods: {
    
    sizeChange(size){
      searchFF.size = size
    },
    pageChange(page){
      searchFF.page = page
    },
  },
};
</script>

<style lang="scss" scoped>
</style>